<script setup lang="ts">

</script>
    
<template>
    <div class="container">
        <span class="nihao">404</span>
        <span class="content">页面未找到</span>
    </div>
</template>
    
<style scoped lang="scss">
div {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
span{
    color: #e0e5eb;
    color: $bgcolor;
    
    text-shadow: -8px -8px 12px rgba(255, 255, 255, 0.4), 8px 8px 12px rgba(0, 0, 0, 0.4);
    text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.08), -6px -6px 12px rgba(255, 255, 255, 1);
    caret-color: #262626;
}
.nihao{
    font-size: 300px;
}
.content{
    font-size: 100px;
}
</style>